/*前台通用头部*/
/* 头部 */
.fly-header{position: fixed; left: 0; top: 0; z-index: 10000; width: 100%;border-bottom: 1px solid #404553; border-right: 1px solid #404553; border-radius: 0;background-color:#2f363c;}
.fly-header .navbar-toggle {position: relative; float: right; padding: 9px 10px; margin-top: 10px;color:#fff }
.fly-header .navbar-toggle i{font-size: 22px}
.fly-header .fly-logo{float:left;}
.fly-header .fly-logo h2{font-size: 21px;line-height: 60px;color: #fff;font-weight:normal;}
.fly-header .fly-nav-user .iconfont{position: relative;}
.fly-header .fly-nav-avatar img{width: 36px; height: 36px; margin-right: 10px; border-radius: 100%;}
.fly-header .fly-nav-user .layui-nav-child a i{position: relative; top: 1px; margin-right: 10px;}
.fly-header .layui-nav{padding: 0; }
.fly-header .fly-nav-user li a{padding: 0 10px;}
.fly-header .fly-nav-user li .fly-nav-avatar{padding-right: 25px;}
.fly-header .layui-nav .layui-this:after,
.fly-header .layui-nav .layui-nav-bar{display: none !important;}
.fly-header .layui-nav-right{float: right !important;}
.fly-header .layui-nav .fly-nav-user{margin-left: 30px;}
.fly-header .layui-nav .fly-nav-user .layui-btn-register,.fly-header .layui-nav .fly-nav-user .layui-btn-login{display: inline-block;color: #fff!important}

/*白色主题*/
.light-theme .fly-header{border-color: #fff;box-shadow: 0 1px 8px rgb(0 0 0 / 8%);background: #fff;}
.light-theme .fly-header .layui-nav .layui-nav-item a {color: #555;}
.light-theme .fly-header .layui-nav {background-color: #fff;color: #555;}
.light-theme .fly-header .navbar-toggle {color:#000 }
.light-theme .fly-header .fly-logo h2{color: #333}
.light-theme .fly-header .layui-nav .layui-this a {color: #16b777;}

/* 底部 */
.fly-footer {margin: 50px 0 0; padding: 20px 0 30px; line-height: 30px; text-align: center; color: #737573; border-top: 1px solid #e2e2e2;}
.fly-footer a{padding:0 6px; font-weight: 300; color: #333;}
.fly-footer a:hover{color: #777;}

@media screen and (min-width: 768px) {
    .fly-header .fly-head{
        float: left;
    }
    .fly-header .navbar-toggle {
        display: none;
    }
    .fly-header .navbar-collapse.layui-hide {
        display: block !important;
    }
}

@media screen and (max-width: 768px) {
  /* 顶边距 */
  .fly-marginTop{margin-top: 15px;}
  /* 头部 */
  .fly-header .layui-container > .navbar-collapse{margin-right: -15px;
      margin-left: -15px;border-top:1px solid #f5f5f5;}

  .fly-header .fly-logo h2{font-size:18px;}
  .fly-header .fly-nav {padding: 10px 0;}
  .fly-header .fly-nav-user li .fly-nav-avatar{padding-right: 15px;}
  .fly-header .fly-nav-user{margin-right: 5px;}
  .fly-header .layui-nav .layui-nav-item{display: block;}
  .fly-header .layui-nav-right{float: none !important;width: 100%}
  .fly-header .fly-nav-user{position: relative;}
  .fly-header .layui-nav .layui-nav-item{margin-left: 15px;margin-right: 15px}
  .fly-header .layui-nav .layui-nav-item{line-height:50px;}
  .fly-header .layui-nav-child{top:50px;}
  /* 页脚 */
  .fly-footer{margin-top: 0; border-top: none;}

}